/**
 * 网站前台公共样式
 * @作者 qinggan <admin@phpok.com>
 * @版权 深圳市锟铻科技有限公司
 * @主页 http://www.phpok.com
 * @版本 2.x
 * @授权 http://www.phpok.com/lgpl.html 开源授权协议：GNU Lesser General Public License
 * @时间 2019年8月20日
**/

html,body{margin:0;padding:0;font-family:'Microsoft Yahei','宋体','Arial';font-size:16px;color:#333}
body{background:#FBFBFB;color:#414141}
img{border:0;}
a{color:#414141;text-decoration:none;}
a:hover{color:#222;}
form{margin:0;padding:0;position:relative;}
input:focus {outline: none;}
p{margin:5px 0;}

.red{color:red;}
.vcode{width:70px;text-align:center;}
.hand,.pointer{cursor:pointer;}

.center{text-align:center;}
.fl{float:left;}
.fr{float:right}

/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1px;}
.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}

/* 块自定义_开始 */
.block{position: relative;}
.block .head{position: relative;}
.block .head h4,.block .head .title{font-size: 30px;line-height: 25px;color: #1E5696;margin-bottom: 10px;font-weight: 500;}
.block .head .line{border-top: 1px dashed #d5d5d5;position: absolute;top: 35px;right: 65px;width: 78%;color: #1E5696;text-align: right;font-weight: 100;line-height: 0;}
.block .head .line span{font-size: 62px;position: absolute;top: -4px;right: -70px;font-weight: 100;display: inline-block;}
.block .head h5,.block .head .subtitle{margin: 5px 0;font-size: 25px;color: #cdcdcd;font-weight: normal;}
.block .head:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.block .body{position:relative;}
.block .body:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* 块自定义_结束 */



div.pfw{position:relative;border:1px solid #e6e6e6;box-shadow:0 2px 3px #e4e4e4;margin-bottom:20px;}
div.pfw:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.pfw div.title{margin:0;background-color:#f2f2f2;border-bottom:1px solid #e6e6e6;position:relative;}
div.pfw div.title h3{margin:0;line-height:42px;font-size:16px;background:url('../images/arrow-right.png') 0.5em center no-repeat;padding:0 0 0 2em;}

div.pfw div.title .more{display:block;position:absolute;top:14px;right:8px;height:11px;text-indent:-99999px;width:26px;overflow:hidden;background:url('../images/more.gif') no-repeat;}
div.pfw div.title .ext{display:block;position:absolute;right:8px;line-height:30px;top:5px;}

	/* 文章列表 */
	div.pfw ul.artlist{list-style:none;margin:0;padding:0;}
	div.pfw ul.artlist li{display:block;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/arrow-right.png') 1.6em center no-repeat;padding-left:2.8em;margin:0;position: relative;background-size:18px 18px;}
	div.pfw ul.artlist li a{display: block;line-height:36px;width:100%}
	div.pfw ul.artlist li div.date{position:absolute;right:10px;line-height:36px;}
	div.pfw ul.artlist li:hover{color:#164476;}
	div.pfw ul.artlist li:hover a{color:#164476;}
	div.pfw ul.artlist li.current{color:red}
	div.pfw ul.artlist li.current a{color:red;}

	/* 图片列表 */
	div.pfw ul.piclist{list-style:none;margin:0 13px;padding:0}
	div.pfw ul.piclist li{width:30%;float:left;margin:7px 5% 0 0;}
	div.pfw ul.piclist li img{max-width:100%;}
	div.pfw ul.piclist li.last{margin-right:0;}
	div.pfw ul.piclist li div.pic{text-align:center}
	div.pfw ul.piclist li div.txt{height:20px;line-height:20px;overflow:hidden;text-align:center;}

	div.pfw ul.catelist{list-style:none;margin:0;padding:0;}
	div.pfw ul.catelist li{display:block;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/arrow-right.png') 1.6em center no-repeat;padding-left:3em;margin:0;}
	div.pfw ul.catelist li a{display:block;width:100%;line-height:48px;}
	div.pfw ul.catelist li:hover{background-color:#F1F1F1}
	div.pfw ul.catelist li.on{color:#1E5696;font-weight:bold;}
	div.pfw ul.catelist li.on a{color:#1E5696;}



header{width:1200px;margin:10px auto;position:relative;}
header .top{height:26px; line-height:26px; text-align:right; color:#666;display:block;margin-bottom:5px;}
header .logo{float:left;}
header .right{float:right;}
header .right form.search{background:url('../images/search.png') left center no-repeat;height:26px;width:207px;overflow:hidden;}
header .right input.topsearch{border:0;margin:5px 0 0 19px;height:20px;line-height:20px;padding:0;background:none;}
header .right input.submit{background:none;position:absolute;left:180px;top:5px;height:20px;border:0;}

footer{margin:0;width:100%;background:#000;color:#fff;}
footer .copyright{margin:10px auto 0 auto;text-align:center;width:1200px;padding:10px 0;}
footer .debug{line-height:180%;text-align:center;}

nav.menu{height:48px; background:#1E5696;z-index:9;margin:0 auto;width:100%;line-height:48px;}
nav.menu ul{list-style:none;margin:0 auto;padding:0;width:1200px;background:#1E5696;}
nav.menu ul li{float:left;position:relative;list-style:none;}
nav.menu ul li a{display:inline-block;padding: 0 26px;line-height:36px;color: #fff;text-decoration: none; font-size:1em;}
nav.menu ul li:hover a{ background:#005DB5;}
nav.menu ul li.current a{background:#23a0e7;}
nav.menu ul ul{width:100%;display: none;position: absolute;top:87.5%;left: 0;background: #005DB5; z-index:1000;}
nav.menu ul ul li {background: #005DB5;float: none;}
nav.menu ul li.current:hover ul li{background:#23a0e7}
nav.menu ul li:hover ul{display:block;}
nav.menu ul ul li a{ border-right:0;}
nav.menu ul ul li a:hover{ background:#3375b9;}





.banner{min-width:1200px;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.banner img{width:100%;}
/* 主页框架 */
.main{width:1200px;margin:20px auto;position;relative;}
.main .left{float:left;width:280px;overflow:hidden;}
.main .right{float:right;width:900px;overflow:hidden;}
.main .right .content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.main .right .content table td {border: 1px solid #ddd;padding: 5px 10px;}
.main .right ul.piclist{margin-bottom:13px;}
.main .right ul.piclist li.last{margin-right:0;}
.main .right ul.piclist li .pic{margin-top:8px;}
.main .right ul.piclist li .txt{height:26px;line-height:26px;}
.index{}
.index .left{float:left;width:260px;overflow:hidden;}
.index .left .art_first {padding:5px 5px 5px 10px;line-height:160%;}
.index .left .art_first a{display:block;font-weight:bold;line-height:20px;}
.index .left .art_first img{width:120px;height:90px;border:0;}

.index .middle{float:left;margin:0 10px;width:420px;overflow:hidden;}
.index .right{float:right;width:280px;overflow:hidden;}
.index .about{padding:5px;line-height:180%;}
.index .about p{margin:0;}


/*新闻列表*/
.news_list{ overflow:hidden; margin:0;padding:0;list-style:none;width:100%}
.news_list li{ overflow:hidden; padding:10px; border-bottom:1px dashed #ccc;}
.news_list .n-img {float: left;width:150px;text-align: center;}
.news_list .n-img img{ width:120px; height:90px;}
.news_list h3 {margin:0;padding:0; font-size:16px;}
.news_list h3 a{font-size:16px;}
.news_list h3 small{color:#ccc;padding-left:1em;font-weight:normal;font-style:italic;}
.news_list .n-txt {color: #979797;text-indent:2em;line-height:180%;}
.news_list .more, .news_list .more a {color: #34ACE2;}

/*下载列表*/
.dlist{list-style:none;margin:0;padding:0;}
.dlist li{line-height:180%;border-bottom:1px solid #e4e4e4;background:url('../images/download.gif') 5px center no-repeat;padding:5px 0 5px 23px;}
.dlist .date{float:right;line-height:180%;margin-right:10px;}

/*下载详细页*/
.download{margin:100px auto;width:500px;}
.download .title{font-size:16px;line-height:200%;}

/*在线留言*/
.message_post{background:#fff;}

/*详细页*/
.detail{ overflow:hidden; padding:1%;width:98%;}
.detail .date_hits_tags {color: #A9A9A9;text-align: center; line-height:24px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; margin:5px;padding:10px 0;font-size:12px;}
.detail h1{ text-align:center; font-size:28px; overflow:hidden; margin-bottom:10px;}
.detail .content{ margin:10px; line-height:180%;font-size:16px;color:#000;}
.detail .content p{ margin:5px 0;}
.detail .content img{max-width:1000px;}
.detail .np{line-height:24px;}
.detail .np a{ color:#333;}
.detail .np a:hover{ color:#00C;}
.detail fieldset{margin:10px;border:1px solid #ccc;}
.detail legend{color:red;}

	.detail ul.pictures{list-style:none;text-align:center;margin:0;padding:0;width:760px;}
	.detail ul.pictures li{text-align:center;margin-bottom:15px;}
	.detail ul.pictures li .img{width:760px;text-align:center;overflow:hidden;}
	.detail ul.pictures li .img img{max-width:760px;border-radius:5px;background:url('../images/loading.gif') center center no-repeat;}
	.detail ul.pictures li .txt{text-align:center;overflow:hidden;padding-top:10px;}
	.detail .pn{text-align:center;padding:10px;}
	.detail .pn a{font-size:14px;color:red;}

	.main .detail ul.piclist li{border:1px solid #ccc;margin-right:4%;width:auto;}




/* 通用分页样式 */
.pages{margin:10px 0;font-size:12px;}
.pages ul{ float:left; padding:0 10px;list-style:none;margin:0; }
.pages li{ float:left; margin-left:5px;}
.pages li a{ display:block; padding:1px 10px; border:1px solid #e1e1e1; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #1796f9; background:#1796f9; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; line-height:24px; color:#c4c4c4;padding:1px 10px; }
.pages .current a{ border:1px solid #1796f9; background:#1796f9; color:#fff;}

/* 面包屑 */
.breadcrumbs{float:right; font-size:14px; line-height:38px;margin-top:-40px;margin-right:8px;}
.breadcrumbs span.arrow{padding:0 3px;}
.breadcrumbs a:hover{ color:#00C;}

.contact_info{padding:10px;}
.contact_info h4{margin:0;padding:0;line-height:30px;font-size:14px;}
.contact_info ul{list-style:none;margin:0;padding:0}
.contact_info ul li{line-height:180%;clear:both;font-size:12px;}
.contact_info ul li i{float:left;font-style:normal;width:60px;text-align:right;}



/*人才招聘 - 列表*/
ul.joblist{list-style:none;margin:0;padding:10px 0;width:100%;}
ul.joblist li{float:left;width:24%;overflow:hidden;line-height:30px;margin-left:1%;}

/*人才招聘 - 详细*/
div.job{background:#fff;}
div.job ul.list{width:100%;list-style:none;margin:0;padding:0;}
div.job ul.list li{float:left;width:48%;padding-left:2%;line-height:50px;border-bottom:1px solid #ccc;}



ul.product{list-style:none;margin:0 0 5px 0;padding:0;}
ul.product li{float:left;margin:10px;padding:5px;border:1px solid #e9e9e9;width:265px;overflow:hidden;box-shadow: 0px 0px 2px 2px #efefef;}
ul.product li h4{margin:0;padding:0;height:56px;overflow:hidden;line-height:28px;font-weight:500;}
ul.product li .img {background:url('../images/loading.gif') center center no-repeat;}
ul.product li .img img{width:100%;border:0;}
ul.product li .imglist{margin-top:5px;}
ul.product li .imglist .thumb{float:left;margin-right:5px;}
ul.product li .imglist .thumb img{width:25px;height:25px;border:2px solid #ccc;}
ul.product li .imglist .thumb.hover img{border:2px solid red;}

div.product{background:#fff;}
div.product .img{position:relative; width:402px;height:500px;float:left;margin:10px;}
div.product .img ul{list-style:none;margin:0;padding:0;}
div.product .img ul.list{z-index:2;height:400px;width:400px;border:1px solid #ccc;}
div.product .img ul.list li{height:400px;width:400px;float:left;}
div.product .img ul.list li img{width:400px;height:400px;}
div.product .img ul.thumb_list{height:80px;margin-top:10px;overflow:hidden;z-index:3;}
div.product .img ul.thumb_list li{float:left;width:80px;height:80px;margin-right:10px;cursor:pointer;}
div.product .img ul.thumb_list li img{width:78px;height:78px;border:1px solid #EFEFEF;}
div.product .img ul.thumb_list li.on img{border:1px solid red;}
div.product .info{ float:left; width:320px;margin:10px 6px 0 0;}
div.product h1{font-size:18px; color:#333; font-weight:bold;margin:0;padding:0;line-height:30px;}
div.product .price{color:red;font-size:20px;font-weight:bold;}
div.product_info{background:#fff;}

.form .table {margin:0 auto;width:99%;clear:both;padding:3px;}
.form .table .l {float:left;width:13%;text-align:right;padding:3px 1px;line-height:30px;}
.form .table .r {float:left;text-align:left;padding:3px 1px;width:80%;}
.form .table input.inp {width:100%;height:26px;line-height:26px;}
.form .table input.noborder{border:0;}
.form .table input[type=text]{height:26px;line-height:26px;}



.button, .button:visited {
	background: #222;
	display: inline-block;
	padding: 12px 40px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin:0;
	border:0;
}

a.button{color:#fff !important}

.button:hover{
	background-color: #111;
	color: #fff;
}
.button:active{
	top: 1px;
}
.small.button, .small.button:visited{
	font-size: 11px;
}
.button, .button:visited,.medium.button, .medium.button:visited{
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited{ font-size: 14px;padding: 8px 14px 9px; }

.super.button, .super.button:visited{ font-size: 34px; padding: 8px 14px 9px; }
.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.darkblue.button, .darkblue.button:visited		{ background-color: #005DB5; }
.darkblue.button:hover						{ background-color: #1E5696; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }


/* 在线客服样式 */
.im_floatonline{position: fixed;right:10px;top:40%;width:150px;z-index:999;}
.im_floatonline .title{text-align:center;line-height:36px}
.im_floatonline a:hover{text-decoration: none;}
.im_floatonline ul.kflist{list-style:none;margin:0;padding:0;background:#fff;}
.im_floatonline ul.kflist li{list-style:none;line-height:180%;padding:5px;text-align:center;}
.im_floatonline ul.kflist li img{vertical-align: middle;}

/* 会员登录页和注册，忘记密码页涉及到的样式样式 */
.login-reg{ width:955px; border-radius:5px; border:1px solid #e8e8e8; box-shadow:0px 0px 5px #ccc; padding:0 10px; margin:15% auto 0 auto; overflow:hidden;background:#fff url("../images/regbg.jpg") 455px top repeat-y;}
.login-reg dl.box {float: left;overflow: hidden; padding:22px 30px;width: 390px;}
.login-reg dl.box dt{color:#903636; border-bottom:1px solid #ddd;font-size:14px; padding:0 0 12px 0px; margin:0 15px 20px 0; font-weight:bold;}
.login-reg dl.box dd{margin-bottom:5px;line-height:26px;padding-bottom:15px;}
.login-reg dl.box label{float:left;margin-right:5px;text-align:right; width:70px; line-height:26px;}
.login-reg dl.box label.agreement{margin:0 5px 0 70px;text-align:left; width:auto; line-height:26px;}
.login-reg dl.box select{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;}
.login-reg dl.box .input{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;width: 220px;}
.login-reg dl.box .vcode{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;width:130px;text-transform:uppercase;margin-right:3px;}
.login-reg dl.box dd.submit{ padding-left: 75px; padding-top:10px;}
.login-reg dl.box dd a{color:blue;font-size:14px;}
.login-reg dl.box dd a:hover{text-decoration:none;color:red;}
.login-reg .note{ padding-left:20px; margin-left:25px;}

/* 会员个人中心涉及到的CSS，这里的布局基本上以cp_为前缀 */
div.cp{margin:10px auto;width:1200px;}
div.cp:after{content:'.',display:block;height:0;line-height:0;overflow:hidden;visibility:hidden;clear:both;}
div.cp .left{width:280px;float:left;}
div.cp .right{width:900px;float:right;}
div.cp .right .pages{border-top:0;}
div.cp .cp_avatar{float:left;width:150px;padding:25px;}
div.cp .cp_avatar img{width:150px;height:150px;border:0;}
div.cp .cp_info{float:left;overflow:hidden;}
div.cp .cp_info ul{list-style:none;margin:0;padding:10px;}
div.cp .cp_info ul li{line-height:170%;}
div.cp .cp_info ul li:after{clear:both;content:'&nbsp;';height:0;line-height:0;display: block;visibility:hidden;}
div.cp .cp_info ul li strong{text-align:right;float:left;display:block;width:100px;}

/* 自定义模块涉及到的样式 */
div.cp .table {margin:0 auto;	width:99%;clear:both;padding:3px;}
div.cp .table .l {float:left;width:20%;text-align:right;padding:3px 1px;}
div.cp .table .r {float:left;text-align:left;padding:3px 1px;width:68%;}
div.cp .table input.input {width:300px;height:26px;line-height:26px;}
div.cp .table input[type=text]{height:26px;line-height:26px;}

/*会员中心左侧*/
ul.cp{list-style:none;margin:0;padding:0;}
ul.cp li{line-height:36px;padding:0;margin:0;padding-left:48px;;}
ul.cp li.hover{;color:darkred;}
ul.cp li.hover a{color:darkred;}
ul.cp li.control{background:#EFEFEF;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.order{background:#EFEFEF;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.article{background:#EFEFEF;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}
ul.cp li.logout{background:#EFEFEF;font-weight:bold;padding:5px 0 5px 34px;height:24px;line-height:24px;}